Core 2 Interaction: Lab –  HTML Reverse Engineering

Screenshot

screenshot of the Grailed website

Analysis

          
              .categories .search ._grailed
                div .mobile-detector
                div #global-modal-container
                div #app
                  div #globalHeader .GlobalHeaderWrapper
                  div #sitebanner
                  div #flash
                  div #VacationBannerContainer
                  div #global-modal-container
                  div #nav-overlay
                  div .Container-module__container___AjsuA
                  footer
                div .ReactModalPortal
                  img
                div #batBeacon881637610342
                div #fb-root .fb_reset
                iframe
              iframe .__JSBridgeIframe_1.0__
              iframe .__JSBridgeIframe_SetResult_1.0__
              iframe .__JSBridgeIframe__
              iframe .__JSBridgeIframe_SetResult__
                  
          

categories, search, grailed are the body class. in the body class, it holds the tags for multiple social media platforms such as Pinterest and Tiktok, many scripts for Javascript. Especially in the div class batBeacon881637610342, it holds a lot of images. In the div #app, it holds the header, banner, and containers that set the layouts of the grid system of showcasing the images of the products.

Questions